<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>回弹效果</title>
		<script type="text/javascript">
			var ws = null;
			// H5 plus事件处理
			function plusReady() {
				ws = plus.webview.currentWebview();
				ws.setBounce({
					position: {
						top: "100px"
					},
					changeoffset: {
						top: "44px"
					}
				});
			}
			if (window.plus) {
				plusReady();
			} else {
				document.addEventListener("plusready", plusReady, false);
			}
			// 重置窗口回弹位置
			function resetBounce() {
				ws.resetBounce();
			}
		</script>
	</head>

	<body style="text-align:center;">
		<br/><br/><br/> 设置Webview窗口的回弹效果
		<br/> 回弹后显示停靠到44px的位置
		<br/><br/>
		<button onclick="resetBounce()">重置回弹位置</button>
		<br/><br/><br/> *暂仅支持顶部的回弹效果*
	</body>

</html>